<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页内容</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index-content-page.css">
</head>
<body>

    <!-- 首页图片内容 -->
    <div class="index-content">
        <div class="index-content-title">
            <p>
                <hr class="index-content-title-hr hr1" /> 
                &bull; 产品推荐 &bull;
                <hr class="index-content-title-hr hr2" />
            </p>
            
        </div>
        <div class="index-content-pictures">
            <div class="index-content-pictures-level level1">
                <div class="level-left level-left1">
                    <img src="../images/index-content/1.gif" class="index-content-picture"/>
                    <div class="index-content-pictures-name">
                        <p class="pic-name">美味甜甜圈</p>
                        <hr class="index-content-title-pic-hr hr1" />
                        &bull;
                        <hr class="index-content-title-pic-hr hr2" />
                    </div>

                    <p class="index-content-pictures-name-content">
                        &nbsp;&nbsp;甜甜圈，百滋百特秘制配方，纯手工制
                          <br />作，每一个圈都堪称经典。低糖低油，口感
                          <br /> 松软，外形精致···
                    </p>
                    
                </div>

                <div class="level-mid level-mid1">
                    <img src="../images/index-content/2.png" class="index-content-picture" />
                    <div class="index-content-pictures-name">
                        <p class="pic-name">闪电泡芙</p>
                        <hr class="index-content-title-pic-hr hr1" /> &bull;
                        <hr class="index-content-title-pic-hr hr2" />
                    </div>
                    
                    <p class="index-content-pictures-name-content">
                        &nbsp;&nbsp;甜甜圈，百滋百特秘制配方，纯手工制
                        <br />作，每一个圈都堪称经典。低糖低油，口感
                        <br />松软，外形精致···
                    </p>
                </div>

                <div class="level-right level-right1">
                    <img src="../images/index-content/3.png" class="index-content-picture" />
                    <div class="index-content-pictures-name">
                        <p class="pic-name">卡布奇洛</p>
                        <hr class="index-content-title-pic-hr hr1" /> &bull;
                        <hr class="index-content-title-pic-hr hr2" />
                    </div>
                    
                    <p class="index-content-pictures-name-content">
                        &nbsp;&nbsp;甜甜圈，百滋百特秘制配方，纯手工制
                        <br />作，每一个圈都堪称经典。低糖低油，口感
                        <br />松软，外形精致···    
                    </p>
                </div>
            </div>
            <div class="index-content-pictures-level level2">
                <div class="level-left level-left2">
                    <img src="../images/index-content/4.png" class="index-content-picture" />
                    <div class="index-content-pictures-name">
                        <p class="pic-name">起酥圈</p>
                        <hr class="index-content-title-pic-hr hr1" /> &bull;
                        <hr class="index-content-title-pic-hr hr2" />
                    </div>
                    
                    <p class="index-content-pictures-name-content">
                         &nbsp;&nbsp;甜甜圈，百滋百特秘制配方，纯手工制
                        <br />作，每一个圈都堪称经典。低糖低油，口感
                        <br />松软，外形精致···
                    </p>
                </div>
                <div class="level-mid level-mid2">
                    <img src="../images/index-content/5.png" class="index-content-picture" />
                    <div class="index-content-pictures-name">
                        <p class="pic-name">马卡龙</p>
                        <hr class="index-content-title-pic-hr hr1" /> &bull;
                        <hr class="index-content-title-pic-hr hr2" />
                    </div>
                    
                    <p class="index-content-pictures-name-content">
                         &nbsp;&nbsp;甜甜圈，百滋百特秘制配方，纯手工制
                        <br />作，每一个圈都堪称经典。低糖低油，口感
                        <br />松软，外形精致···
                    </p>
                </div>
                <div class="level-right level-right2">
                    <img src="../images/index-content/6.png" class="index-content-picture" />
                    <div class="index-content-pictures-name">
                        <p class="pic-name">手工曲奇饼</p>
                        <hr class="index-content-title-pic-hr hr1" /> &bull;
                        <hr class="index-content-title-pic-hr hr2" />
                    </div>
                    
                    <p class="index-content-pictures-name-content">
                        &nbsp;&nbsp;甜甜圈，百滋百特秘制配方，纯手工制
                        <br />作，每一个圈都堪称经典。低糖低油，口感
                        <br />松软，外形精致···
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>